@charset "UTF-8";
@import url(common.css);

body { background:#F0F0EF; padding:100px 0}
.collection_wrap { margin:0 auto;}

.collection_header {margin-bottom: 30px;width: 1170px;margin: 0 auto 30px auto;}

.collection_header .list_header { position: relative; background: #fff; height: 46px; overflow: hidden; border-radius: 5px;
  box-sizing: border-box;box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.collection_header .list_header .info_msg { line-height: 46px; padding-left: 20px; font-size: 16px;}
.collection_header .list_header .info_msg strong { color: #005343;}
.view_ui { position: absolute; right: 0; top: 0}
.view_ui li { display: inline-block; font-size: 0; }
.view_ui a { display: block; width: 46px; height: 46px; overflow: hidden; text-indent: -100px;background-repeat: no-repeat;background-position: center;}
.view_ui .btn_list_view {background-image: url(../../images/subject/ico_view_type_list_off.png)}
.view_ui .btn_card_view {background-image: url(../../images/subject/ico_view_type_card_off.png)}
.view_ui .btn_slider_view {background-image: url(../../images/subject/ico_view_type_slider_off.png)}

.view_ui .on {background-color: #006666;}
.view_ui .on .btn_list_view {background-image: url(../../images/subject/ico_view_type_list_on.png);}
.view_ui .on .btn_card_view {background-image: url(../../images/subject/ico_view_type_card_on.png); }
.view_ui .on .btn_slider_view {background-image: url(../../images/subject/ico_view_type_slider_on.png); }

.collection_list {width: 1150px;margin: 0 auto;}
.viewtype_list { width: 1150px;margin: 0 auto;}
.collection_list .list_item { display: block; width: 100%; margin-bottom: 20px;}
.citem {position:relative; transition: all 0.5s; transform: translateY(0);}
.citem:after { content: ""; display: block; clear: both;}

.citem .imgbox {float:left; width: 575px;height: 300px;overflow: hidden;position: relative; }
.citem .imgbox .ib {float:left; width: 555px;height: 300px;overflow: hidden;position: relative; text-align:center; background: #D4D4D4;}
.citem .imgbox img {position:absolute !important;width:auto !important; height:auto; margin:auto; top:0; bottom:0; left:0; right:0; width: auto; max-width: 100%; max-height: 100%; text-align: center; position: relative; transition: all 0.5s; }
.citem .introduce {float:right; width: calc(1150px - 575px);background: #fff;height: 300px;box-sizing: border-box;padding: 50px 50px 0 30px;}
.citem .introduce .title { font-size: 28px; font-weight: 600; color: #333; margin-bottom: 15px;}
.citem .introduce .desc { line-height: 150%; color: #666; height: 70px; overflow:hidden; }
.citem .introduce .desc.sub{padding: 10px 10px 10px 10px;}

.collection_list .list_item:nth-last-child(even) .imgbox {float:right !important}
.collection_list .list_item:nth-last-child(even) .introduce {float:left !important}

.citem .introduce .btn_more { display: inline-block; padding:10px 35px 10px 20px; border:#eaeaea 1px solid;
  border-radius:30px; background-image: url(../../images/subject/ico_arr_right.png); background-repeat: no-repeat;
  background-position: center right 15px;  transition: all 5ms; background-color: #fff;}
.citem .introduce .btn_more:hover {background-color: #006666;color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border:0;}

/* hover */
.collection_list .list_item .citem:hover {box-shadow: 0 10px 30px rgba(0,0,0,0.3);z-index: 1000; transform:translateY(-15px); }
.collection_list .list_item .citem:hover .imgbox img { /*! transform:scale(110%); */}

/* view type card */
.viewtype_card {width: 1190px;margin: 0 auto;}
.viewtype_card:after { content: ""; display: block; clear:both;}
.viewtype_card .list_item { float: left;box-sizing: border-box;padding: 10px;width: 50%; margin-bottom: 0;}
.viewtype_card .citem {width: 100%;box-sizing: border-box;}
.viewtype_card .citem:after { content: ""; display: block; clear: both;}

.viewtype_card .citem .imgbox { float:none; /*! width: 100%; */}
.viewtype_card .citem .imgbox img { width: 100%; /*! height: auto; */ }
.viewtype_card .citem .introduce {float:none; width: 100%;background: #fff;height: 300px;box-sizing: border-box;padding: 50px;}

.viewtype_card .collection_list .list_item:nth-last-child(even) .imgbox {float:left !important;}
.viewtype_card .collection_list .list_item:nth-last-child(even) .introduce {float:right !important}

/* viewtype_slider */

.viewtype_slider {  height: auto;position: relative; }
.viewtype_slider:after { content: ""; display: block; clear: both;}
.viewtype_slider .list_item { float: left;}

.viewtype_slider .list_item .citem:hover {box-shadow: none;z-index: 1000; transform:translateY(0); }
.viewtype_slider .list_item .citem:hover .imgbox img { transform:scale(110%);}

.viewtype_slider .citem .imgbox { float:none; width: 100%; height: 600px;}
.viewtype_slider .citem .imgbox img { width: 100%; height: 100%; }
.viewtype_slider .citem .introduce { width: 100%;background: rgba(255,255,255, 1); height: 240px;}

.viewtype_slider .slick-next, .viewtype_slider .slick-prev { display: block; height: 78px; width: 42px; overflow: hidden;position: absolute;
  text-indent:-200px;top: 34%; z-index: 5000;background-color: transparent;
  margin-top: -50px;background-repeat: no-repeat;background-position: center; opacity: 0.8;
}
.viewtype_slider .slick-next { right: 0; background-image: url(../../images/subject/list_slider_arr_next.png)}
.viewtype_slider .slick-prev { left: 0; background-image: url(../../images/subject/list_slider_arr_prev.png)}
.viewtype_slider .slick-disabled { display: none !important;}

/* 주제 컬렉션 */

/*.collection_sub_wrap { margin-bottom: 50px;}*/


/* - common */
.collection_sub_body { }
.collection_sub_body .textBox { padding: 40px; position: relative; font-size:14px;  box-sizing: border-box; }
.collection_sub_body .textBox .textbox_desc { line-height: 180%;}

.collection_sub_body .textBox.off { height:165px; }
/*.collection_sub_body .textBox.off.selected_final { height:173px; }*/
.collection_sub_body .textBox.off.selected_final { height:275px; }
.collection_sub_body .textBox.off .textbox_desc { overflow: hidden; height: 100%;}

.collection_sub_body .textBox .btn_folding { position: absolute; right:0; bottom:0; display: block; width: 100px; height:36px; line-height: 36px;
  text-align: center; background-repeat:no-repeat; background-position: center right 15px;
  background-size: auto; padding-right: 20px; font-size: 13px; }

.collection_sub_body .textBox.off .btn_folding {background-image:url(../../images/subject/ico_folding_off.png); }
.collection_sub_body .textBox .btn_folding { background-image:url(../../images/subject/ico_folding_on.png);}
.collection_sub_body .textBox .btn_folding:hover { color:#000;}

/* - contents */

.sub_context {background: #e3eaeb;}

.sub_collection_header {text-align: center; }
.sub_collection_header .page_title { margin-bottom: 40px;}
.sub_collection_header .page_title h1 { font-size:42px; text-align: center; color:#000;font-weight: normal;}
.collection_nav_wrap { position: relative; width: 1150px; margin: 0 auto; box-sizing: border-box;padding:10px 30px 0 30px;}
.collection_nav_wrap .topbtns { position:absolute; top:0; display: none; height: 100%; width: 30px;  overflow: hidden; text-indent: -100px;
  background-repeat:no-repeat; background-position: center center; }
.collection_nav_wrap .btn_next { background-image: url(../../images/subject/ico_list_next.png); right:0; border-left:#eaeaea 1px solid;}
.collection_nav_wrap .btn_prev { background-image: url(../../images/subject/ico_list_prev.png); left:0;border-right:#eaeaea 1px solid;}
.collection_nav_wrap.scroll .topbtns { display: block}
.collection_nav_wrap .collection_nav { width: 100%;box-sizing: border-box;white-space: nowrap;overflow: auto;overflow-y: hidden;
  scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none; box-sizing: border-box;}

.collection_nav_wrap .collection_nav::-webkit-scrollbar {
    display: none;
}
.sub_collection_header .collection_nav li { display: inline-block;}
.sub_collection_header .collection_nav li > a { display: block; padding:10px 10px 20px 10px;font-size: 16px; color: #666666; position:relative;letter-spacing: -1px;}
.sub_collection_header .collection_nav li > a.on { color: #006666; font-weight: bold; }
.sub_collection_header .collection_nav li > a.on:after { content: ""; position:absolute; bottom:0; left:0;
  display:block;width:100%; height:3px; background:#006666; }

.level1_header {  padding:60px 40px 40px 40px; width: 1150px;margin: 0 auto;}
.level1_header > h2 {font-size:36px; color:#005959; letter-spacing: -1px; padding: 0 30px 40px 30px !important;height: auto !important;
  font-weight: bold !important;text-align: center;}
.level1_header .level1_desc {font-size: 16px; line-height: 180%; color: #333; }
.level1_header .textBox {background:#fff; width:100%;}
.level1_header .textBox .btn_folding { background-color:#066; color: #fff;}
.level1_header .textBox .btn_folding:hover {color: #fff;}
.level1_header .textBox .btn_folding.off { background-image:url(../../images/subject/ico_folding_white_on.png);}
.level1_header .textBox .btn_folding.on { background-image:url(../../images/subject/ico_folding_white_off.png);}

.level_contents { width: 1150px; margin: 0 auto;}
.level2_section { padding:50px 0 20px 0;}
.level2_section .level2_nav { margin-bottom: 30px;}
.level2_section .level2_nav:after { content: ""; display: block; clear: both;}
.level2_section .level2_nav li { float:left; width: 25%; text-align: center;box-sizing: border-box; padding:1px;}
/* .level2_section .level2_nav li a { display: block; background:#fff;padding: 15px;font-size: 18px;color: #57797a; min-height: 36px;} */
/* .level2_section .level2_nav li a { display: block; background:#fff;padding: 0 15px;line-height: 66px;font-size: 18px;color: #57797a; min-height: 36px;} */
.level2_section .level2_nav li a { display: table-cell; background:#fff;padding: 0 30px;font-size: 18px;color: #2c4e4f;vertical-align:middle;height:66px;width:230px;}
.level2_section .level2_nav li a.on { font-weight: bold; color:#fff000; background:#006666; box-shadow: 0 3px 8px rgba(0,0,0,0.3) }

.level2_contents {}
.level2_contents h3 {font-size:33px; margin-bottom: 20px; color: #333;}
.level2_contents .textBox {padding:0 0 30px 0; border-bottom:#d1d6d2 1px solid; margin-bottom: 30px;}
.level2_contents .textBox .level2_desc { color: #336666;font-size: 16px;}

.level_select_area { margin-bottom: 20px; display: block;}
.level_selecter_group {margin-bottom: 40px;padding-right: 30px; display: table-cell; vertical-align:top;}
.level_selecter_group:after { content: ""; display: block; clear: both;}

.select_level2_name { display: table-cell; vertical-align:top; height: 36px; line-height:36px;
  color:#fff; font-size: 14px; font-weight: bold; background: #587d7e; border-radius:8px; vertical-align: middle; word-break: keep-all; padding: 0 20px; }

.level_selecter_group .lev_select_box { float: left; margin-right:25px;position: relative; padding: 2px 0;}
.level_selecter_group .lev_select_box:not(.first):before { content: url(../../images/subject/ico_spt_green.png); position: absolute; left: -15px; top:13px;}
.level_selecter_group .lev_select_box:hover .level_name_list { display: block !important; z-index: 10000;box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.level_selecter_group .select_level_name {display: inline-block; padding:0 30px 0 15px; height: 36px; line-height:36px;
  color:#066; font-size: 14px; font-weight: bold; background: #fff; border-radius:28px; min-width: 120px; text-align: center;
  background:#fff url(../../images/subject/ico_level_select_arr.png) no-repeat center right 10px;}

.lev_select_box .level_name_list { display: none;border: #1cae93 1px solid; position: absolute; top:0; width: 100%;
  box-sizing: border-box;background: #fff;border-radius: 8px;overflow: hidden;}
.lev_select_box .level_name_list li { display: block; border-bottom:#eaeaea 1px solid;}
.lev_select_box .level_name_list li:last-child {border:0;}
.lev_select_box .level_name_list li a { display:block; padding:10px;}
.lev_select_box .level_name_list li a:hover { background: #066; color:#fff;}

.selected_contents .select_title { font-size:24px; color: #003333; font-weight: bold; margin-bottom: 15px;  }
.selected_contents .level_location {margin-bottom: 20px;}
.selected_contents .level_location li { display: inline-block; font-size:13px; color:#055; background: url(../../images/subject/ico_arr_right_gray.png) no-repeat left center;
  padding-left: 15px;margin-left: 5px;}
.selected_contents .level_location li:first-child { background:none; padding: 0; margin: 0;}
.selected_contents .textBox { padding:0 0 20px 0; border-bottom:#d1d6d2 1px solid; margin-bottom: 10px;}

.data_list { width: 1150px; margin: 0 auto;}
.data_list .data_list_header { margin-bottom: 30px;position: relative;}
.data_select_tab:after {content: ""; display: block; clear: both;}
.data_select_tab li { display: block; float:left; }
.data_select_tab li a {padding:15px 40px; background:#fff; color:#666; display: block;font-size: 16px;}
.data_select_tab li a.on {background: #006666; color:#fff; font-weight:bold; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}

.data_list_header .count_info { position:absolute;right: 0;bottom: 0px;}
.data_list_header .count_info .nc {color:#339999;}

.list_group { display: none; margin-bottom:20px;}

#museum_tab { display: block;}

.list_group ul:after { content: ""; display: block; clear: both;}
.list_group ul li { /* float:left; margin-right: 42px; margin-bottom: 40px; */}
.list_group ul li:nth-child(4), .list_group ul li:nth-child(8) { margin-right: 0;}
.list_group .items { width: 100%; height: 280px; background: #fff; overflow: hidden; border-radius: 8px; transition: box-shadow 0.5s;}
.list_group .items:hover { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);}
.list_group .items .imgbox { width: 100%; height: 200px; overflow: hidden; background: #cacaca; vertical-align: middle;position: relative;}
.list_group .items img {max-height: 100%; max-width: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;margin: auto;}
.list_group .item_info {padding:20px 10px}
.list_group .item_info p { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; color:#666;}
.list_group .title { font-weight: bold; color:#333;}
.list_group .items:hover .title { color:#000;}

.list_group ul{
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	width:100%;
}
.list_group ul li{
	width:calc(25% - 30px)
}
.data_list_btns {text-align: center;}
.data_list_btns a { display: inline-block; background: #004344; color:#fff;padding: 15px 20px;font-weight: bold;}
.data_list_btns a:hover { background: #005a5b; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);}

/* ## 레이어 ## */
.layer_open { overflow: hidden !important; overflow-x: hidden; overflow-y: hidden;}

/* - 목록 레이어 */
.collection_layer {display: none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.9); z-index:50000; }
.collection_layer .layer_wrap { position: absolute; top:50%; left:50%; width: 1150px; /* margin-top:-332px; margin-left:-575px; */ transform:translate(-50%, -50%);
background:#fff; overflow:hidden; border-radius:8px;
/*! height: 600px; */
}
.layer_header { position:relative; height: 50px; }
.layer_header .layer_title { font-size:18px; font-weight: bold; letter-spacing: -1px; color:#333; padding:15px 20px; }
.btn_layer_close { position: absolute; top:0; right:0; width: 50px; height: 50px; overflow: hidden; text-indent: -100px;
  background: url(../../images/subject/btn_layer_close.png) no-repeat center center;}

.layer_body { display: flex; /*! height: 550px; */}
.layer_view .layer_body { width: 100%; }
.left_contents { width: 200px;/*! height: 100%; */}
.left_head { height: 40px; background: #52535a; padding:12px 10px 0 10px; box-sizing: border-box; }
.left_head .section_title {float:left; color:#77cacd; font-weight:bold;}
.left_head .cnt_info {float:right; color: #dcdcdc;}
.left_head p { font-size: 14px;}
.left_head .cnt_info strong {color:#fff;}

.treeui {background:#ededed; width:200px; height:500px; display:block; overflow: auto;box-sizing: border-box;}
.treeui ul {padding: 5px; margin-left:8px;}
.treeui ul li {padding-top:5px; padding-bottom:5px; display: block;}
.treeui .title a {display:block; background-image: url(../../images/subject/ico_tree_off.png); background-position: center left; background-repeat: no-repeat;
  padding: 5px 30px;white-space: nowrap;}
.treeui .on > .title > a {display:inline-block; background-image: url(../../images/subject/ico_tree_on.png); font-weight: bold; color:#009999}
.treeui .on > .sub_level { display: block !important;;}
.treeui .lv1 .sub_level { display: none;}
.treeui > ul > li > .sub_level { display: block}
.treeui > ul > li .sub_level {padding-left:20px; border-left:#69c4c4 1px solid; }

.layer_contents_view { display: block; background:#e6e7e9; /*! vertical-align: top; */  flex: 1;}
.layer_view .layer_contents_view { background: #fff;}

.cont_header {height: 40px; box-sizing: border-box; background: #616269;color: #fff;}
.cont_header .level_location {font-size:14px; float:left; padding:12px 0 0 20px;letter-spacing: -1px;}
.cont_header .level_location span.spt {background: url(../../images/subject/ico_arr_right_smm.png) no-repeat center center; padding:0 10px;}
.cont_header .sort_ui { float:right; padding:8px 10px 0 0;letter-spacing: -1px;}
.cont_header .sort_ui li { display: inline-block;}
.cont_header .sort_ui li a { display: inline-block; padding:5px 10px;  border-radius:20px; color:#ccc;}
.cont_header .sort_ui li a:hover { color: #fff;}
.cont_header .sort_ui li a.on {background: #389d9e; color:#fff;}

.data_list { width: 1150px; margin: 0 auto;}

.data_list .data_list_header { margin-bottom: 30px;position: relative;}
.data_select_tab:after {content: ""; display: block; clear: both;}
.data_select_tab li { display: block; float:left; }
.data_select_tab li a {padding:15px 40px; background:#fff; color:#666; display: block;font-size: 16px;}
.data_select_tab li a.on {background: #006666; color:#fff; font-weight:bold; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}

.data_list_header .count_info { position:absolute;right: 0;bottom: 0px;}
.data_list_header .count_info .nc {color:#055;}

.list_group { display: none; margin-bottom:20px;}

#museum_tab { display: block;}
.item_list { margin-bottom:20px; min-height: 430px;}
.item_list:after { content: ""; display: block; clear: both;}
.item_list li { float:left; padding:20px 0 0 30px;}
.item_list li:nth-child(4), .list_group ul li:nth-child(8) { margin-right: 0;}
.item_list .items { width: 200px; /*! height: 250px; */ background: #fff; overflow: hidden; border-radius: 8px; transition: box-shadow 0.5s;}
.item_list .items:hover { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);}
.item_list .items .imgbox { width: 200px; height: 115px; overflow: hidden; background: #cacaca; vertical-align: middle;position: relative;box-sizing: border-box;}
.item_list .items img {max-height: 100%; max-width: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;margin: auto;}
.item_list .item_info {padding:15px 10px; min-height: 48px;}
.item_list .item_info p { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; color:#666;}
.item_list .title { font-weight: bold; color:#333;}
.item_list .items:hover .title { color:#000;}

.list_bottom { position: relative;}
.list_bottom .btn_layer_list_prev,
.list_bottom .btn_layer_list_next {position: absolute; top:0; display: block; width: 32px; height: 32px;
  background: #fff; border-radius: 16px; overflow: hidden; text-indent:-100px;}

.list_bottom .btn_layer_list_prev:hover,
.list_bottom .btn_layer_list_next:hover {box-shadow: 0 5px 5px rgba(0,0,0,0.1);}

.list_bottom .btn_layer_list_prev {left: 30px; background: #fff url(../../images/subject/ico_list_prev.png) no-repeat center center;}
.list_bottom .btn_layer_list_next {right: 30px; background: #fff url(../../images/subject/ico_list_next.png) no-repeat center center;}

.list_bottom .pageing {text-align: center}
.list_bottom .pageing a { position: relative; display: inline-block; padding:0 5px; color:#5d5d5d; line-height: 32px;}
.list_bottom .pageing a:hover { color:#000;}
.list_bottom .pageing .on { font-weight: bold; color: #009999}
.list_bottom .pageing .on:hover {color: #009999}
.list_bottom .pageing .on:after {content:""; position: absolute; bottom: 0; left:0; display: block; height: 2px; width: 100%;background-color: #009999;}

.detailview { overflow: auto; overflow-x: hidden;height: 500px;}
/*.detailview .subject {padding:30px 30px 0 30px;}*/
.detailview .subject {padding:30px 30px 10px 30px;}
.detailview .subject .title { font-size: 30px; color:#333; letter-spacing: -1px;}
.detailview .intro { padding: 40px;border-bottom: #eee 1px solid;margin-bottom: 40px; position: relative}
.detailview .intro p {border-left:#6ac2c2 4px solid; padding-left: 20px; line-height: 160%; font-size: 14px;  overflow: hidden;}
.detailview .intro.off p {height: 45px;}
.detailview .intro .btn_folding{position: absolute; right:0; bottom:0; display: block; width: 100px; height:36px; line-height: 36px;text-align: center; background-repeat:no-repeat; background-position: center right 15px;background-size: auto; padding-right: 20px; font-size: 13px;  background-color:#238f92; color: #fff;}
.detailview .intro .btn_folding {background-image:url(../../images/subject/ico_folding_on.png); display: none;}
.detailview .intro.off .btn_folding {background-image:url(../../images/subject/ico_folding_white_off.png);}

/*.detailview .intro.off .btn_folding:hover {background-image:url(../../images/subject/ico_folding_white_off.png);}*/
.info_wrap { padding: 0 30px; display: flex; }
.info_wrap .layer_slider_wrap, .info_wrap .info {  width: 50%;flex: 1;}

.i_list {padding-left: 80px;}
.i_list li { display: flex;border-bottom: #eaeaea 1px solid;padding: 13px 0;}
.i_list li .label_text { width: 30%;flex: 0 0 auto;color: #333;font-weight: bold;}
.i_list li .desc { /*display: table-cell;*/ width: 70%;}

.layer_btns { padding: 15px 20px; text-align: center; border-top:#eee 1px solid;}
.layer_btns > a { display: inline-block;padding: 10px 20px; background: #238f92; color:#fff; }

/* layer - slider */

.main_view_slider { width: 545px; height: 300px; overflow: hidden;}
.thumb_slider {position:relative; width: 545px; height:70px;overflow: hidden; }
.thumb_slider:after, .main_view_slider:after { content: ""; display: block; clear: both;}
.thumb_slider .img_item,
.main_view_slider .img_item {width:545px; height:300px; overflow: hidden; background: #4b4a53; position: relative;box-sizing: border-box;float: left;}
.thumb_slider .img_item img,
.main_view_slider .img_item img {max-height: 100%; max-width: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;margin: auto;}
.thumb_slider .img_item {width: 109px; height: 70px;overflow: hidden; box-sizing:border-box; border:#fff 1px solid; background:#ccc; text-align: center;}

.thumb_slider .slick-current:before {content: ""; display: block; position: absolute; height: 100%; width: 100%; border:#6ac2c2 4px solid; z-index:10; box-sizing:border-box;}
.thumb_slider .slick-arrow { position:absolute;top:0; background-color: rgba(0,0,0,0.7); width: 30px;
  height: 100%; overflow: hidden; text-indent:-100px; z-index: 500; background-position:center;
  background-repeat:no-repeat; opacity:0.7}
.thumb_slider .slick-arrow:hover {opacity: 1;}
.thumb_slider .slick-next {right:0; background-image: url(../../images/subject/ico_slider_sm_next.png);}
.thumb_slider .slick-prev {left:0; background-image: url(../../images/subject/ico_slider_sm_prev.png);}
.thumb_slider .slick-disabled { display: none !important;}

/* 디지털자료 레이어 - 이미지영역  */
.layer_digitalview .layer_contents_view { background: #fff;}
.layer_imgview_wrap {width: 50%;flex: 1;}
.layer_imgview_wrap .imgview img {max-height: 100%; max-width: 100%;}


/* 삭제~ 검토용 버튼  */

.review {position:fixed; bottom:0; left:0; width:100%; background: rgba(0,0,0,0.7); z-index:5000; text-align:center; padding:20px;}
.review .ti { color:#fff; font-size:16px; margin-bottom: 20px;}
.review a {padding:8px 20px; background:#000; color:#fff;}

@media screen and (max-width:1170px){
.collection_wrap{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.collection_header{
	width:100%;
}
.viewtype_list{
	width:100%;
}
.citem .imgbox, .citem .introduce{
	width:50%;
}
.view_ui li:last-child{
	display:none;
}
.level1_header{
	width:100%;
	box-sizing:border-box;
}
.collection_nav_wrap{
	width:100%;
}
.collection_nav{
	display:flex;
	flex-wrap:wrap;
}
.level_contents{
	width:100%;
}
.data_list{
	width:100%;
	padding: 0 32px;
	box-sizing: border-box;
}
.collection_layer .layer_wrap{
	width:95%;
	box-sizing: border-box;
}
.main_view_slider {
    width: 100%;
}
.slick-track{
	width:100%;
}
.thumb_slider .img_item, .main_view_slider .img_item{
	width:100% !important;
}
.thumb_slider{
	width: 100%;
}
}
@media screen and (max-width:980px){
.list_group ul li{
	width:calc(33.3% - 26.6px)
}
.collection_layer .layer_wrap{
	width:90%;
}
.i_list {
    padding-left: 40px;
}
}
@media screen and (max-width:767px){
.citem .imgbox, .citem .introduce{
	width:100%;
}
.collection_nav_wrap{
	padding: 10px 10px 0 10px;
}
.level1_header{
	padding: 60px 20px 20px 20px;
}
.level2_section .level2_nav li{
	width:50%;
}
.info_wrap{
	flex-wrap:wrap;
}
.info_wrap .layer_slider_wrap, .info_wrap .info{
	width:100%;
	flex: none;
	margin-bottom:20px;
}
}
@media screen and (max-width:540px){
.list_group ul{
	gap:20px
}
.list_group ul li{
	width:calc(50% - 10px)
}
}